/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      名称       >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.DetailMeetingRoom-MyPreview > div:first-child {
  line-height: 50px;
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      预览       >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.DetailMeetingRoom-MyPreview > div:last-child {
  line-height: 40px;
  border: 2px solid var(--Info);

  /* ============================== 每行 ============================== */
  > .flex {
    border-bottom: 2px solid var(--Info);

    /* —————————————————————————————— 最后一行 —————————————————————————————— */
    &:last-child {
      border-bottom: 0;
    }

    /* —————————————————————————————— 每格 —————————————————————————————— */
    .flex1 {
      padding: 4px 10px;
      border-right: 2px solid var(--Info);
      transition: 0.3s;

      /* ------------------------------ 最后一格 ------------------------------ */
      &:last-child {
        border-right: 0;
      }

      /* ------------------------------ 时间 ------------------------------ */
      > span {
        position: relative;
        z-index: 10;
      }

      /* ------------------------------ 背景 ------------------------------ */
      > div {
        position: absolute;
        top: 6px;
        right: 6px;
        bottom: 6px;
        left: 6px;
        transition: 0.3s;
      }
    }
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      方块       >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

body.CoreBody .DetailMeetingRoom-MyPreview {
  &-chosen {
    > div {
      background: var(--Primary5);
    }
  }

  &-single > div {
    border-radius: 6px;
  }

  &-first {
    border-right-color: transparent !important;

    > div {
      right: -1px !important;
      border-top-left-radius: 6px;
      border-bottom-left-radius: 6px;
    }
  }

  &-last > div {
    left: -1px !important;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }

  &-middle {
    border-right-color: transparent !important;

    > div {
      right: -1px !important;
      left: -1px !important;
    }
  }

  &-hover {
    background: var(--Success5);

    > div {
      background: transparent;
    }
  }
}
